<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="{$_G['URL']['PLUGIN_CSS']}shopplan/static/css/reset.css"/>
		<script src="{$_G['URL']['PLUGIN_CSS']}shopplan/static/js/screen.js"></script>
		
		<style type="text/css">
			/**index.wxss**/
			body{
			  background: #f6f6f6;
			}
			.wrap{
			  /* padding: 152rem 18rem 152rem 30rem;  */
			  background: #f6f6f6;
			  overflow: hidden;
			}
			.wrap .content{
			  background: #ffffff;
			  overflow: hidden;
			  box-shadow: 0.12rem 0 0.06rem 0.10rem rgba(63, 140, 254, 0.03);
			  border-radius: 0.14rem;
			  width: 6.86rem;
			  margin: 1.52rem auto 0;
			}
			.wrap .content .tit{
			  color: #468bfa;
			  text-align: center;
			  margin-top: 0.60rem;
			  font-size: 0.41rem;
			}
			.wrap .content .h_item,.wrap .content .view{
			  color: #666666; 
			  margin: 0 0.32rem;
			  display: flex;
			  justify-content: space-between;
			  font-size: 0.41rem;
			}
			.wrap .content .h_item{
			  margin-top: 0.40rem;
			}
			.wrap .content .view{
			  margin-bottom: 0.36rem;
			  font-size: 0.32rem;
			}
			.wrap .content .bold{
			  font-weight: bold;
			}
			.wrap .content .image{
			  margin: 0;
			}
			.wrap .content .image img{
			  background: #f6f6f6;
			  width: 100%;
			  height: 0.32rem; 
			  margin-top: 0.50rem;
			  box-shadow: -0.20rem 0 0.08rem 0.20rem rgba(63, 140, 254, 0.006) inset;
			  
			}
			.wrap .content .view span{
			  max-width: 3.48rem;
			  line-height: 0.50rem;
			  text-align: right;
			}
			.wrap .content .h_item span{
			  max-width: none;
			}
			.wrap .tips{
			  color: #666666;
			  font-size: 0.28rem;
			  line-height: 0.74rem;
			  margin: 0 0.66rem;
			}
			.wrap .btn_box{
			  display: flex;
			  justify-content: space-between;
			  width: 5.84rem;
			  margin: 0.58rem auto;
			}
			
			.wrap .btn_box button{
			  font-weight: normal;
			  font-size: 0.36rem;
			  color: #ffffff;
			  background: #3f8cfe;
			  width: 2.70rem;
			  height: 0.90rem;
			  border-radius: 0.45rem;
			  padding: 0;
			  display: flex;
			  display: -webkit-flex;
			  justify-content: center;
			  
			  border: none;
			  outline: none;
			  /* line-height: 90rem; */
			  position: relative;
			}
			.wrap .btn_box button img{
			  width: 0.46rem;
			  height: 0.46rem;
			  top: 0.21rem;
			  display: block;
			  position: absolute;
			}
			.wrap .btn_box button img.mr{
			  /* margin-right: 0.18rem ; */
			  right: 0.24rem;
			}
			.wrap .btn_box button img.ml{
			  /* margin-left: 0.14rem ; */
			  left: 0.24rem;
			}
			.wrap .btn_box button span.mr{
			  /* margin-right: 0.18rem ; */
			  right: 0.4rem;
			}
			.wrap .btn_box button span.ml{
			  /* margin-left: 0.14rem ; */
			  left: 0.4rem;
			}
			.wrap .btn_box button span{
			  top: 0.16rem;
			  display: block;
			  position: absolute;
			}
		</style>
	</head>
	<body>
		<!--index.wxml-->
		<div class="wrap">
		  <div class="content">
		    <div class="tit">预约成功</div>
		    <div class="h_item">
		      <span>时间</span>
		      <span class="bold">{$planedinfo['plan_at']}</span>
		    </div>
		    <div class="image">
		        <img src="{$_G['URL']['PLUGIN_CSS']}shopplan/static/images/t_dots.png" class=""/>
		    </div>
		    <div class="view">
		      <span>商家</span>
		      <span>{$shop['name']}</span>
		    </div>
		    <div class="view">
		      <span>商家地址</span>
		      <span>{$shop['address']}</span>
		    </div>
		    <div class="view">
		      <span>客服电话</span>
		      <a href="tel:{$shop['phone']}" style="color: grey;"><span>{$shop['phone']}</span></a>
		    </div>

			<div class="image">
				<img src="{$_G['URL']['PLUGIN_CSS']}shopplan/static/images/t_dots.png">
			</div>
			  
		    <div class="view">
		      <span>我的姓名</span>
		      <span>{$user['name']}</span>
		    </div>
		    <div class="view">
		      <span>我的电话</span>
		      <span>{$user['mobile']}</span>
		    </div>
		  </div>
		    <div class="tips">注意：请准时到店，超出30分钟需重新预约。</div>
		    <div class="btn_box">
		      	<button onclick="selfedit()"><img class="ml" src="{$_G['URL']['PLUGIN_CSS']}shopplan/static/images/b_icon1.png"/><span class="mr">重新预约</span></button>
		      	<a href='/{php echo createMobileUrl("index",array("themeid"=>$themeid,"from"=>"mobile"));}'>
		      		<button><span class="ml">返回首页</span><img class="mr" src="{$_G['URL']['PLUGIN_CSS']}shopplan/static/images/b_icon2.png"/></button>
		      	</a>
		    </div>
		</div>
	</body>
</html>
<script type="text/javascript">
  //选择店铺
  function selfedit(){
	  {if $self_edit}
	    var postUrl='/{php echo createMobileUrl("wx",array("planedid"=>$planedid,"themeid"=>$themeid,"date"=>$date,"birthday"=>$birthday,"from"=>"mobile","r"=>"shopplan.getshops"));}';
	    window.location.href = postUrl;
	  {else}
	  	alert("如需更改预约时间请联系客服人员进行修改");
	  {/if}
  }
</script>
{include file='base/addlog'}